<!--报警管理页-->
<template>
  <!-- 大标题 -->
  <div style="height: 6vh;padding: 10px 20px;background-color: #fff">
    <span style="line-height: 60px;font-size: 20px;font-weight: bold">报警管理</span>
  </div>
  <!-- 搜索卡片 -->
  <el-card style="margin-top: 10px;height: 70px;">
    <el-form :inline="true">
      <el-form-item label="设备名称" style="width: 280px;">
        <el-input placeholder="请输入" #></el-input>
      </el-form-item>
      <el-form-item label="报警时间" style="width: 280px;">
        <el-date-picker placeholder="请选择开始时间-结束时间" style="width: 100%" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd"></el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button round :icon="Refresh" type="info" #>重置</el-button>
        <el-button type="primary" :icon="Search" #>查询</el-button>
      </el-form-item>
    </el-form>
  </el-card>

  <!-- 项目数据卡片 -->
  <el-card style="margin-top: 10px;">
    <el-radio-group v-model="radio" style="margin-bottom: 10px;">
      <el-radio label="全部" #>全部</el-radio>
      <el-radio label="已处理" #>已处理</el-radio>
      <el-radio label="未处理" #>未处理</el-radio>
    </el-radio-group>
    <el-table>
      <el-table-column label="序号" type="index" width="80" align="center"></el-table-column>
      <el-table-column label="设备名称" prop="xxx" align="center"></el-table-column>
      <el-table-column label="备注名称" prop="xxx" align="center"></el-table-column>
      <el-table-column label="所属产品" prop="xxx" align="center"></el-table-column>
      <el-table-column label="功能名称" prop="xxx" align="center"></el-table-column>
      <el-table-column label="接入位置" prop="xxx" align="center"></el-table-column>
      <el-table-column label="数据值" prop="xxx" align="center"></el-table-column>
      <el-table-column label="报警时间" prop="xxx" align="center"></el-table-column>
      <el-table-column label="处理结果" prop="xxx" align="center"></el-table-column>
      <el-table-column label="处理人" prop="xxx" align="center"></el-table-column>
      <el-table-column label="处理时间" prop="xxx" align="center"></el-table-column>
      <el-table-column label="状态" prop="status" align="center">
        <template #default="scope">
          <el-button type="primary" v-if="scope.row.status==1" #>已处理</el-button>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center">
        <template #default="scope">
          <el-button :icon="Edit" #>处理</el-button>
        </template>
      </el-table-column>
    </el-table>
  </el-card>
</template>

<script setup>

import {Search,Refresh,Edit} from "@element-plus/icons-vue";
</script>

<style scoped>

</style>